﻿
    <div class="logo">
        <img src="content/images/logo.png" style="width: 500px;" />
    </div>
    <div class="login-form">
<div class="container">
    <div class ="row">
        <div class="center-block" style="max-width:650px">
            <form role="form" class="form-horizontal" name="loginForm" novalidate>
                        
                <div class="row col-sm-8">

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Email</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control inp" name="username" ng-model="auth.usercredentials.username" sn-get-value="getEmail" ng-maxlength="100" required>
                </div>
                    </div>


                    <div class="form-group">

                        <label class="col-sm-3 control-label">Password</label>
                        <div class="col-sm-9">
                            <input type="password" ng-blur="auth.reevaluateCredentials(true)" class="form-control inp" name="password" ng-model="auth.usercredentials.password" sn-get-value="getPassword" ng-maxlength="100" required>
            </div>
                    </div>
                </div>

                <div class="col-sm-4" style="padding-left:10px">
                        <div style="width:70px">
                            <button id="submitButton" type="submit" data-ng-click="auth.login()">
                                <img src="content/images/btn_login.gif" style="width: 60px;">
                            </button>
            </div>

                    <div style="margin-left:65px" class="error_password" compile="auth.usercredentials.errorMessage" data-ng-show="auth.usercredentials.errorMessage.length > 0"></div>
                    <div style="margin-left:65px" data-ng-show="!auth.usercredentials.errorMessage && auth.err && auth.err !== ''" class="error_password">{{ auth.err }}</div>
        </div>


                <div class="row col-sm-8">
                    <div class="col-sm-offset-3 col-sm-9" style="padding-left:10px">
                <div class="input-holder" style="width: auto;">
                    <input type="checkbox" id="rememberMeCheckBox" ng-model="auth.usercredentials.rememberMe" ng-init="auth.usercredentials.rememberMe=true" />
                    <label for="rememberMeCheckBox">Remember me</label><br /><br />
                    <div class="log-in-links">
                        <a href="#/forgotPassword">Forgot Password?</a>
                    </div>
                    <div class="log-in-links">
                        <a href="mailto:client@sustainalytics.com">Contact</a>
                    </div>
                </div>
            </div>
        </div>


    </form>



        </div>
    </div>
    <div class="row">
        <div class="center-block" style="max-width:500px"></div>
    </div>        
             
    </div>
</div>